﻿<div class="tabbable tabs-below breadcrumb">
            <div class="breadcrumb"><h4>Search</h4></div>
            <ul class="nav nav-tabs">
                <li class="active"><a href="#lACompanySearch" data-toggle="tab"><strong>Companies</strong></a></li>
                <li><a href="#lBCompanySearch" data-toggle="tab"><strong>Candidates</strong></a></li>
                <li><a href="#lCCompanySearch" data-toggle="tab"><strong>Positions</strong></a></li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane active" id="lACompanySearch"  data-bind = "with: companyAdvancedSearch">
                    <div class="row">
                        <span style="margin-left: 30px">Search type</span>
                    </div>
                    <div class="row">
                        <select style="margin-left: 30px" data-bind="value: $root.searchTypeCompanies">
                            <option value="all">Match all criteria</option>
                            <option value="some">Match any criteria</option>
                        </select>
                    </div>
                    <div class="row">
                        <span style="margin-left: 30px">Keyword(s)</span>
                    </div>
                    <div class="row">
                        <input type="text" style="margin-left: 30px" data-bind = "value: Keywords"/>
                    </div>
                    <div class="row">
                        <span style="margin-left: 30px">Industry</span>
                    </div>
                    <div class="row">
                        <select style="margin-left: 30px" data-bind="options: $root.availableIndustries, optionsText: 'Description', value : $root.selectedIndustryCompany, optionsCaption: '- Select Industry -'"></select>
                    </div>
                    <div class="row">
                        <span style="margin-left: 30px">Location</span>
                    </div>
                    <div class="row">
                        <input type="text" style="margin-left: 30px" data-bind="value: Location"/>
                    </div>
                    <div class="row">
                        <button style="margin-left: 30px" class="btn btn-info" data-bind="click: function(){ $root.simpleSearchCompanies() }"><strong>Search</strong></button>
                    </div>
                    <div class="row">
                        <a href="#" style="margin-left: 30px" data-bind="click: function(){ $root.advancedSearchCompanies() }"><span style="font-size: smaller">Advanced search</span></a>
                    </div>
                </div>

                <div class="tab-pane" id="lBCompanySearch" data-bind = "with: profileAdvancedSearch">
                    <div class="row">
                        <span style="margin-left: 30px">Search type</span>
                    </div>
                    <div class="row">
                        <select style="margin-left: 30px" data-bind="value: $root.searchTypeExperts">
                            <option value="all">Match all criteria</option>
                            <option value="some">Match any criteria</option>
                        </select>
                    </div>
                    <div class="row">
                        <span style="margin-left: 30px">Keyword(s)</span>
                    </div>
                    <div class="row">
                        <input type="text" style="margin-left: 30px" data-bind="value: Keywords"/>
                    </div>
                    <div class="row">
                        <span style="margin-left: 30px">Industry</span>
                    </div>
                    <div class="row">
                        <select style="margin-left: 30px" data-bind="options: $root.availableIndustries, optionsText: 'Description', value : $root.selectedIndustryExpert, optionsCaption: '- Select Industry -'"></select>
                    </div>
                    <div class="row">
                        <span style="margin-left: 30px">Job type</span>
                    </div>
                    <div class="row">
                        <select style="margin-left: 30px" data-bind="value: JobType">
                            <option value="0"></option>
                            <option value="1">Permanent</option>
                            <option value="2">Freelancer</option>
                        </select>
                    </div>
                    <div class="row">
                        <span style="margin-left: 30px">Location</span>
                    </div> 
                    <div class="row">
                        <input type="text" style="margin-left: 30px" data-bind="value: Location"/>
                    </div>
                    <div class="row">
                        <button style="margin-left: 30px" class="btn btn-info" data-bind="click: function(){ $root.simpleSearchExperts() }"><strong>Search</strong></button>
                    </div>
                    <div class="row">
                        <a href="#" style="margin-left: 30px" data-bind="click: function(){ $root.advancedSearchExperts() }"><span style="font-size: smaller">Advanced search</span></a>
                    </div>
                </div>

                <div class="tab-pane" id="lCCompanySearch" data-bind = "with: projectAdvancedSearch">
                    <div class="row">
                        <span style="margin-left: 30px">Search type</span>
                    </div>
                    <div class="row">
                        <select style="margin-left: 30px" data-bind="value: $root.searchTypePositions">
                            <option value="all">Match all criteria</option>
                            <option value="some">Match any criteria</option>
                        </select>
                    </div>
                    <div class="row">
                        <span style="margin-left: 30px">Keyword(s)</span>
                    </div>
                    <div class="row">
                        <input type="text" style="margin-left: 30px" data-bind="value: Keywords"/>
                    </div>
                    <div class="row">
                        <span style="margin-left: 30px">Industry</span>
                    </div>
                    <div class="row">
                        <select style="margin-left: 30px" data-bind="options: $root.availableIndustries, optionsText: 'Description', value : $root.selectedIndustryExpert, optionsCaption: '- Select Industry -'"></select>
                    </div>
                    <div class="row">
                        <span style="margin-left: 30px">Contract type</span>
                    </div>
                    <div class="row">
                        <select style="margin-left: 30px" data-bind="value: JobType">
                            <option value="0"></option>
                            <option value="1">Permanent</option>
                            <option value="2">Freelancer</option>
                        </select>
                    </div>
                    <div class="row">
                        <span style="margin-left: 30px">Location</span>
                    </div> 
                    <div class="row">
                        <input type="text" style="margin-left: 30px" data-bind="value: Location"/>
                    </div>
                    <div class="row">
                        <button style="margin-left: 30px" class="btn btn-info" data-bind="click: function(){ $root.simpleSearchPositions() }"><strong>Search</strong></button>
                    </div>
                    <div class="row">
                        <a href="#" style="margin-left: 30px" data-bind="click: function(){ $root.advancedSearchPositions() }"><span style="font-size: smaller">Advanced search</span></a>
                    </div>
                </div>
            </div>
        </div>